<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/asset-favico.ico">
    <title>吕梁健康体检预约系统</title>
    <link rel="stylesheet" href="../css/page-health-index.css"/>
    <link rel="stylesheet" href="../css/page-health-login.css"/>
    <link rel="stylesheet" href="../plugins/elementui/index.css"/>
    <script src="../plugins/jquery/dist/jquery.min.js"></script>
    <script src="../plugins/healthmobile.js"></script>
    <script src="../plugins/vue/vue.js"></script>
    <script src="../plugins/vue/axios-0.18.0.js"></script>
    <script src="../plugins/elementui/index.js"></script>
    <style>
        .Pop_up_layer {
            position: fixed;
            width: 150px;
            height: 70px;
            right: 0px;
            bottom: 120px;
            overflow: hidden;
            z-index: 100;
        }
        .phone_img {
            position: absolute;
            right: 0px;
            width: 80px;
            height: 70px;
            background-color: #bebdbc;
            background-image: url('../img/phone.png');
            background-size: 50px;
            background-position: 15px -2px;
            background-repeat: no-repeat;
            text-align: center;
            line-height: 70px;
            z-index: 10;
            transition: all .5s linear;
            color: white;
            font-size: 10px;
            text-align: center;
            line-height: 105px;
        }
        .phone {
            background-color:#6dd1c2;
            width: 150px;
            height: 70px;
            font-size: 18px;
            line-height: 70px;
            text-align: center;
            color:white;
            position: absolute;
            z-index: 5;
            right: -200px;
            transition: all .3s linear;
        }
        .Pop_up_layer:hover .phone {
            font-size: 22px;
            position: absolute;
            z-index: 10;
            right: 0px;
        }
        .Pop_up_layer:hover .phone_img {
            position: absolute;
            right: -80px;
        }

    </style>
</head>
<body data-spy="scroll" data-target="#myNavbar" data-offset="150">
<div class="app">
    <!-- 页面头部 -->
    <div class="top-header">
        <span class="f-left"><i class="icon-back" onclick="history.go(-1)"></i></span>
        <span class="center">吕梁健康体检预约系统</span>
        <span class="f-right"><i class="icon-more"></i></span>
    </div>
    <div class="carousel">
        <div class="banner-roll">
            <div class="banner-item">
                <div class="item" style="background-image: url(../img/widget-banner_01.png);"><img
                        src="../img/widget-banner_01.png" alt=""></div>
                <div class="item" style="background-image: url(../img/widget-banner_02.png);"><img
                        src="../img/widget-banner_02.png" alt=""></div>
                <div class="item" style="background-image: url(../img/widget-banner_03.png);"><img
                        src="../img/widget-banner_03.png" alt=""></div>
            </div>
            <div class="indicators"></div>
        </div>
    </div>
    <!-- 页面内容 -->
    <div class="contentBox">
        <div class="Pop_up_layer">
            <div class="phone_img">
                    电话沟通
            </div>
            <div class="phone">
                152-3437-5368
            </div>
        </div>
        <div class="list-column2">
            <ul class="list">
                <li class="type-item">
                    <a href="/pages/setmeal.html" class="link-page">
                        <div class="type-title">
                            <h3>体检预约</h3>
                            <p>实时预约</p>
                        </div>
                        <div class="type-icon">
                            <i class="icon-zhen">
                                <span class="path1"></span><span class="path2"></span>
                            </i>
                        </div>
                    </a>
                </li>
               <!-- <li class="type-item">
                    <a href="/pages/checkrecord_list.html" class="link-page">
                        <div class="type-title">
                            <h3>报告查询</h3>
                            <p>一键查询</p>
                        </div>
                        <div class="type-icon">
                            <i class="icon-search"><span class="path1"></span><span class="path2"></span><span
                                    class="path3"></span><span class="path4"></span></i>
                        </div>
                    </a>
                </li>-->
                <li class="type-item">
                    <a href="/pages/health-risk.html" class="link-page">
                        <div class="type-title">
                            <h3>健康评估</h3>
                            <p>了解自身健康</p>
                        </div>
                        <div class="type-icon">
                            <i class="icon-star"><span class="path1"></span><span class="path2"></span></i>
                        </div>
                    </a>
                </li>
               <!-- <li class="type-item">
                    <a href="health-intervention.html" class="link-page">
                        <div class="type-title">
                            <h3>健康干预</h3>
                            <p>采集状况</p>
                        </div>
                        <div class="type-icon">
                            <i class="icon-plus"><span class="path1"></span><span class="path2"></span></i>
                        </div>
                    </a>
                </li>-->
<!--                /pages/checkrecord_list.html-->
                <li class="type-item">
                    <a href="JavaScript:void(0);"  onclick="goCheckRecord()" class="link-page">
                        <div class="type-title">
                            <h3>健康档案</h3>
                            <p>掌上查询</p>
                        </div>
                        <div class="type-icon">
                            <i class="icon-record"><span class="path1"></span><span class="path2"></span><span
                                    class="path3"></span><span class="path4"></span><span class="path5"></span></i>
                        </div>
                    </a>
                </li>
                <li class="type-item">
                    <a href="/pages/health-information.html" class="link-page">
                        <div class="type-title">
                            <h3>健康咨询</h3>
                            <p>咨询一览</p>
                        </div>
                        <div class="type-icon">
                            <i class="icon-person"><span class="path1"></span><span class="path2"></span></i>
                        </div>
                    </a>
                </li>
                <li class="type-item">
                    <!--nickname 自定义昵称，可设置为非空字符串，如不设置，会系统生成默认昵称
postscript 附言，在连接成功客服之后，自动将此消息发送给客服
showScript 是否显示附言，默认在访客端不显示，设置showScript=1，则在访客端显示附言
backurl 自定义顶部导航返回url连接
goods 是否显示商品信息，如果要显示，设置为goods=1，设置为其他值，则不显示商品信息
goods_id 商品信息id，参数goods=1的情况有效
goods_title 商品信息标题，参数goods=1的情况有效
goods_content 商品信息详情，参数goods=1的情况有效
goods_price 商品信息价格，参数goods=1的情况有效
goods_url 商品信息网址，参数goods=1的情况有效
goods_imageUrl 商品图片，参数goods=1的情况有效
goods_categoryCode 可选，商品信息类别，参数goods=1的情况有效-->
                    <a href="https://www.bytedesk.com/chat?sub=202104280800211&uid=202104280800213794519942e904c3a81a2288b38526ee3&wid=&type=appointed&history=0&aid=202104280800213794519942e904c3a81a2288b38526ee3&ph=ph&backurl='/pages/index.html'"
                       target="_blank"   class="link-page">
<!--                        在线客服-->
                        <div class="type-title">
                            <h3>客服</h3>
                            <p>客服咨询</p>
                        </div>
                        <div class="type-icon">
                            <i class="icon-person"><span class="path1"></span><span class="path2"></span></i>
                        </div>
                    </a>

                </li>
            </ul>
        </div>
        <div class="img-parent">
            <img src="../img/asset-ad.png" width="100%" height="100%"/>
        </div>
    </div>
</div>
<script>
    $(function () {
        var ht = $('.banner-item').find('img').eq(0).height()
        var tg = $('.banner-item .item');
        var num = 0;
        for (i = 0; i < tg.length; i++) {
            $('.indicators').append('<span></span>');
            $('.indicators').find('span').eq(num).addClass('active');
        }
        $(".banner-item,.banner-roll").css('height', ht)

        function roll() {
            tg.eq(num).animate({
                'opacity': '1',
                'z-index': num
            }, 2000).siblings().animate({
                'opacity': '0',
                'z-index': 0
            }, 2000);
            $('.indicators').find('span').eq(num).addClass('active').siblings().removeClass('active');
            if (num >= tg.length - 1) {
                num = 0;
            } else {
                num++;
            }
        }


        $('.indicators').find('span').click(function () {
            num = $(this).index();
            roll();
        });
        var timer = setInterval(roll, 3000);
        $('.banner-item').mouseover(function () {
            clearInterval(timer)
        });
        $('.banner-item').mouseout(function () {
            timer = setInterval(roll, 3000)
        });
    });
    $(window).resize(function () {
        var ht = $('.banner-item').find('img').eq(0).height()
        $(".banner-item,.banner-roll").css('height', ht)
    });

    function goCheckRecord(){
        var storage=window.localStorage;
        var telephone=storage["telephone"];
        if (telephone!== null && telephone!== undefined && telephone.length>0){
            $.ajax({ url: "http://localhost:7002/mobile/login/checkLogin",
                type:"post",
                data:{
                    telephone:telephone
                },
                context: document.body, success: function(response){
                    // $(this).addClass("done");
                    if (response.flag){
                        window.location="/pages/checkrecord_list.html";
                    }else{
                        // window.location="/pages/login.html";
                        alert("暂无您的档案记录,请先预约把！");
                    }
                }});
        }else{
            // alert("请先登录！！！");
            window.location="/pages/login.html"
        }
    }
</script>

</body>
</html>
